<style lang="scss" scoped>
  @import '../../styles/common/loading.less';
  .container{
    border: none !important;
    margin-top: 4px;
  }
  .el-col-offset-1 {
    margin-left: 0%;
  }
  .button_a {
    background-color: rgba(255, 138, 0, 1);
    border-color: rgba(255, 138, 0, 1);

  }
  .col_a {
    margin-left: 2%;
  }
  .el-card {
    height: 200px;
  }

  .el-button--primary {
    background-color: rgba(255, 138, 0, 1);
    border-color: rgba(255, 138, 0, 1);
  }
</style>
<template>
    <!-- 调查处理列表页面 -->
    <div>
        <div class="container">
          <el-form :model="formInline" ref="formInline" class="select-submit-form">
              <!--                        第一行-->
              <el-row type="flex">
                  <el-col :span="8" >
                      <el-form-item prop="caseNo" label="大病赔案号">
                          <el-input  v-model="formInline.caseNo"></el-input>
                      </el-form-item>
                  </el-col>
                  <el-col :span="8" >
                      <el-form-item prop="insuredName" label="被保险人">
                          <el-input  v-model="formInline.insuredName"></el-input>
                      </el-form-item>
                  </el-col>
                  <el-col :span="8" >
                      <el-form-item prop="documentNo" label="证件号">
                          <el-input  v-model="formInline.documentNo"></el-input>
                      </el-form-item>
                  </el-col>

              </el-row>
              <el-row type="flex">
              <el-col :span="8" >
                <el-form-item prop="taskState" label="任务状态">
                  <el-select  v-model="formInline.taskState">
                    <el-option value="" label="请选择"></el-option>
                    <el-option
                      v-for="item in medicalType"
                      :key="item.value"
                      :label="item.label"
                      :value="item.value">
                    </el-option>
                  </el-select>
                </el-form-item>
              </el-col>
            </el-row>
            <el-row>
              <el-col :span="24">
                <div class="select-btn-group">
                  <el-button type="primary" size="medium"  @click="onSubmitResearchTask">查询</el-button>
                  <el-button type="primary" size="medium" @click="handleReset">重置</el-button>
                  <!-- <el-button type="primary" size="medium" @click="sponsor" >任务处理</el-button> -->
                </div>
              </el-col>
            </el-row>
          </el-form>
          <el-table
            :data="seeDoc"
            class="table"
            ref="multipleTable"
            header-cell-class-name="table-header"
            @selection-change="selectSeeDoc"
            style="margin: 30px 0;border: 1px solid #d6d9d8;"
            v-loading="loading"
            element-loading-text="Loading....."
          >
            <el-table-column label="大病赔案号" width="160" align="center">
              <template slot-scope="scope" >
                <a @click="applicant(scope.row)" style="color: #1e99f9;cursor: pointer">{{ scope.row.caseNo }}</a>
              </template>
            </el-table-column>
            <!-- <el-table-column prop="policyNo" label="保单号" align="center"></el-table-column> -->
            <el-table-column prop="insuredName" label="被保险人" align="center"></el-table-column>
            <el-table-column prop="medicalInsuranceNo" label="社/医保号" align="center"></el-table-column>
            <el-table-column prop="documentNo" label="证件号" align="center" width="188px"></el-table-column>
            <el-table-column prop="surveyReason" :formatter="surveyReasonFormat" label="调查原因" align="center"></el-table-column>
            <el-table-column prop="damageDate" label="出险时间" align="center"></el-table-column>
            <el-table-column prop="createTime" label="流入时间" align="center"></el-table-column>
            <el-table-column prop="taskState" :formatter="taskStateFormat" label="调查状态" align="center"></el-table-column>
          </el-table>
          <div class="pagination" v-if="this.seeDoc.length!==0">
            <div class="index_page">
              <el-pagination :current-page="pagination.currentPage" :page-size="pagination.rowsNumber"
                              :page-sizes="[10, 20, 50, 100]"
                              :total="pagination.totalPage" background layout="prev, pager, next,sizes,total,jumper"
                              @size-change="handleSizeChange" @current-change="queryFun">
              </el-pagination>
            </div>
          </div>
        </div>
    </div>
</template>

<script>
  import * as api from '@/api/baseDate'
  export default {
    name: 'surveyTaskList',
    data() {
        return {
          loading: false,
          pagination: {
            currentPage: 1, // 当前页
            rowsNumber: 10, // 每页条数
            totalPage: 0 // 总条数
          },
          medicalType:[
            {
              value: "01",
              label: "待处理"
            },{
              value: "03",
              label: "已处理"
            },{
              value: "04",
              label: "退回"
            }
          ],
          formInline:{},
          item:0,
          researchTaskDetail:{},
          seeDoc: []
        };
    },
      created() {
        this.onSubmitResearchTask();
      },
      methods: {
        surveyReasonFormat(row, column) {
          let surveyReason = row.surveyReason
          if (surveyReason === '1') {
            return '频繁报销'
          } else if (surveyReason === '2') {
            return '异地就医'
          } else if (surveyReason === '9') {
            return '其它'
          }
        },
        taskStateFormat(row,column){
          let taskState=row.taskState
          if(taskState==='01'){
            return '待处理'
          }else if(taskState==='03'){
            return '已处理'
          }else {
            return '退回'
          }
        },
        applicant(row) {
          this.researchTaskDetail = row;
            if(this.researchTaskDetail.taskState==='01'){
              this.item=1;
            }
          this.$router.push({
            name: 'surveyTaskListDetail',
            query: {
              researchTaskDetail:JSON.stringify( this.researchTaskDetail),
              item:JSON.stringify( this.item),
            }
          })
        },
        onSubmitResearchTask() {
          var data = {
            "caseNo": this.formInline.caseNo,
            "insuredName": this.formInline.insuredName,
            "documentNo": this.formInline.documentNo,
            "taskState": this.formInline.taskState,
            "pageNum":this.pagination.currentPage,
            "pageSize":this.pagination.rowsNumber,
          }
          this.loading = true;
          api.getQueryCaseSurveyDetail(data
          ).then(res => {
            this.loading = false;
            if(res){
              if(res.data.resultCode != '0000'){
                this.$message.error(res.data.resultMsg);
              }else{
                this.seeDoc = res.data.list;
                this.pagination.totalPage=res.data.total;
              }
            }else{
              this.$message.error('系统异常');
            }
          })
        },
        handleReset(){

        },
        handleSizeChange(pageSize){ // 改变当前页条数事件
          this.pagination.rowsNumber=pageSize
          this.onSubmitResearchTask();
          /* let pageIndex = this.pagination.currentPage;
           this.querySettleAuditTaskList(pageIndex,pageSize);*/
        },
        queryFun(pageNum){ // 改变当前页事件
          this.pagination.currentPage=pageNum
          this.onSubmitResearchTask();
          /* let rowsNumber = this.pagination.rowsNumber;
           this.querySettleAuditTaskList(pageNum,rowsNumber);*/
        },
      }
}
</script>